/* 大屏播放列表样式 */

/* 播放列表容器样式 */
.playlist-container {
  @apply shadow-xl border-l border-gray-700/40 transition-all duration-300;
}

.playlist-container:hover {
  @apply border-l border-gray-600/60;
  box-shadow: 0 0 20px rgba(255, 95, 87, 0.1);
}

/* 播放列表滚动区域 */
.scrollbar-container {
  @apply transition-all duration-300;
  padding-right: 10px;
}

.scrollbar-container:hover::-webkit-scrollbar-thumb {
  background: rgba(255, 95, 87, 0.7);
}

.scrollbar-container::-webkit-scrollbar-track {
  background: rgba(31, 41, 55, 0.3);
  border-radius: 10px;
  margin: 5px 0;
}

/* 播放列表按钮动画效果 */
.playlist-container button {
  @apply transition-all duration-200;
  transform-origin: center;
}

.playlist-container button:active {
  transform: scale(0.97);
}

.playlist-container button.bg-red-600 {
  box-shadow: 0 0 10px rgba(255, 95, 87, 0.4);
}

/* 滚动到活动项目时的平滑效果 */
.playlist-container .scrollbar-container {
  scroll-behavior: smooth;
}

/* 移动端选集列表项样式 */
.drawer-content .grid a {
  @apply break-words whitespace-normal overflow-hidden text-wrap text-sm leading-tight;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
} 